<extend file="template/web/game/commen.html"/>
<block name="content">
				
<!-- banner -->

 <!--<div class="slider">-->
	    <!--&lt;!&ndash; Slideshow 3 &ndash;&gt;-->
	    <!--<ul class="rslides" id="slider">-->
			<!--<slide >-->
				<!--<li>-->
					<!--<img src="{{$field['slide_thumb']}}" class="img-responsive" alt="">-->
					<!--<div class="caption">-->
						<!--<a class="morebtn" href="#">Cosplay</a>-->
						<!--<h1>Os 30 melhores cosplays do mundo</h1>-->
						<!--<a class="cap" href="#"><i class="eye"> </i><span class="icon_text">1.389.571 views</span></a>-->
						<!--<a class="cap" href="#"><i class="inter"> </i><span class="icon_text">255 comentários</span></a>-->
						<!--<a class="cap" href="#"><i class="compart"> </i><span class="icon_text">980 compartilhamentos</span></a>-->

					<!--</div>-->
				<!--</li>-->
			<!--</slide>-->


	    <!--</ul>-->
	    <!--&lt;!&ndash; Slideshow 3 Pager &ndash;&gt;-->
	    <!--<ul id="slider3-pager">-->
			<!--<slide pid="0">-->
				<!--<li><a href="#"><img  src="{{$field['slide_little_thumb']}}" class="img-responsive" alt=""></a></li>-->
				<!--&lt;!&ndash;<li><a href="#"><img src="{{$field['slide_thumb']}}" class="img-responsive" alt=""></a></li>&ndash;&gt;-->
			<!--</slide>-->


	      <!--&lt;!&ndash;<li><a href="#"><img src="{{__TEMPLATE__}}/images/4_thumb.jpg" class="img-responsive" alt=""></a></li>&ndash;&gt;-->
	      <!--&lt;!&ndash;<li><a href="#"><img src="{{__TEMPLATE__}}/images/2_thumb.jpg" class="img-responsive" alt=""></a></li>&ndash;&gt;-->
	      <!--&lt;!&ndash;<li><a href="#"><img src="{{__TEMPLATE__}}/images/3_thumb.jpg" class="img-responsive" alt=""></a></li>&ndash;&gt;-->
		   <!--&lt;!&ndash;<li><a href="#"><img src="{{__TEMPLATE__}}/images/1_thumb.jpg" class="img-responsive" alt=""></a></li>&ndash;&gt;-->
	    <!--</ul>-->
    <!--</div>-->
<!-- banner -->	
<div class="copyrights">Collect from <a href="http://www.cssmoban.com/" >免费模板</a></div>
<!-- indica -->	
	<div class="indica">
		<div class="container">
			<div class="col-md-3 dicado">
				<h3>文章 <strong>列表</strong><label3></label3></h3>
					<div class="dicado-top">
						<h5>30 app para download</h5>
					</div>
					<div class="dicado-bottom">
						<div class="dicado-1">
							<h6><a href="#">Funcionários listam coisas ruins de trabalhar no Facebook</a></h6>
							<p class="itac">Paulo Ricardo  |  3 dias atrás</p>
						</div>
						<arclist cid="18,19,20">
							<div class="dicado-1">
							<h6><a href="#">{{$field['arc_title']}}</a></h6>
							<p class="itac">Paulo Ricardo  |  2 dias atrás</p>
							</div>
						</arclist>
						<!--<div class="dicado-1">-->
							<!--<h6><a href="#">Os melhores filmes para assistir sozinho</a></h6>-->
							<!--<p class="itac">Paulo Ricardo  |  2 dias atrás</p>-->
						<!--</div>-->
						<!--<div class="dicado-1">-->
							<!--<h6><a href="#">Dicas importantes para comprar um novo smartphone</a></h6>-->
							<!--<p class="itac">Paulo Ricardo  |  3 dias atrás</p>-->
						<!--</div>-->
						<!--<div class="dicado-1">-->
							<!--<h6><a href="#">Mitos e verdades sobre o tempoque você trabalha</a></h6>-->
							<!--<p class="itac">Paulo Ricardo  |  7 dias atrás</p>-->
						<!--</div>-->
						<!--<div class="dicado-1">-->
							<!--<h6><a href="#">Configurações necessárias para jogar GTA</a></h6>-->
							<!--<p class="itac">Paulo Ricardo  |  1 dias atrás</p>-->
						<!--</div>-->
						<!--<div class="dicado-1">-->
							<!--<h6><a href="#">Como formatar seu computador e fazer backup</a></h6>-->
							<!--<p class="itac">Paulo Ricardo  |  3 dias atrás</p>-->
						<!--</div>-->
						<!--<div class="dicado-1">-->
							<!--<h6><a href="#">Vlog! Show do Iron Maiden e boas notícias</a></h6>-->
							<!--<p class="itac">Paulo Ricardo  |  3 dias atrás</p>-->
						<!--</div>-->
						<!--<div class="dicado-1">-->
							<!--<h6><a href="#">Mitos e verdades sobre o tempo que você trabalha</a></h6>-->
							<!--<p class="itac">Paulo Ricardo  |  2 dias atrás</p>-->
						<!--</div>-->
					</div>
			</div>
			<div class="col-md-6 posta">
				<h3>精彩 <strong>推荐</strong><label1></label1></h3>
				<div class="posta-top">
					<arclist  cid="18,19">
						<div class="posta-1">
							<div class="posta-left">
								<a href="content.html"><img src="{{$field['arc_thumb']}}" class="img-responsive" alt=""></a>
							</div>
							<div class="posta-right">
								<h4><a href="{{$field['url']}}">{{$field['arc_title']}}</a></h4>
								<p style="overflow: hidden;height: 55px">{{$field['arc_description']}}</p>
								<p class="itac">{{$field['created_at']}}</p>
							</div>
							<div class="clearfix"> </div>
							<!--<a class="anabtn" href="content.html">place</a>-->
						</div>
					</arclist>
					<!--<div class="posta-1">-->
						<!--<div class="posta-left">-->
							<!--<a href="content.html"><img src="{{__TEMPLATE__}}/images/7.jpg" class="img-responsive" alt=""></a>-->
						<!--</div>-->
						<!--<div class="posta-right">-->
							<!--<h4><a href="content.html">Vírus no celular, como resolver esse problema?</a></h4>-->
							<!--<p>Obviamente é fato que estamos vulneráveis na internet e até em dispositivos externos.</p>-->
							<!--<p class="itac">Paulo Ricardo  |  1 dias atrás</p>-->
						<!--</div>-->
						<!--<div class="clearfix"> </div>-->
						<!--<a class="anabtn" href="content.html">Análise</a>-->
					<!--</div>-->
					<!--<div class="posta-1">-->
						<!--<div class="posta-left">-->
							<!--<a href="content.html"><img src="{{__TEMPLATE__}}/images/9.jpg" class="img-responsive" alt=""></a>-->
						<!--</div>-->
						<!--<div class="posta-right">-->
							<!--<h4><a href="content.html">Far Cry 3: Zerando o jogo de uma maneira simples!</a></h4>-->
							<!--<p>Sempre que poso, eu ajudo vocês com alguns jogos.Dessa vez, eu fiz uma análise de FC3.</p>-->
							<!--<p class="itac">Paulo Ricardo  |  1 dias atrás</p>-->
						<!--</div>-->
						<!--<div class="clearfix"> </div>-->
						<!--<a class="gambtn" href="content.html">Games</a>-->
					<!--</div>-->
					<!--<div class="posta-1">-->
						<!--<div class="posta-left">-->
							<!--<iframe src="https://player.vimeo.com/video/77485117" width="100%" height="137" frameborder="0" webkitallowfullscreen mozallowfullscreen allowfullscreen></iframe>-->
						<!--</div>-->
						<!--<div class="posta-right">-->
							<!--<h4><a href="content.html">Youtube volta a mostrar os anúncios mais longos?</a></h4>-->
							<!--<p>Obviamente é fato que estamos vulneráveis na internet e até em dispositivos externos.</p>-->
							<!--<p class="itac">Paulo Ricardo  |  1 dias atrás</p>-->
						<!--</div>-->
						<!--<div class="clearfix"> </div>-->
						<!--<a class="Curbtn" href="content.html">Curiosidades</a>-->
					<!--</div>-->
					<!--<div class="posta-1">-->
						<!--<div class="posta-left">-->
							<!--<a href="content.html"><img src="{{__TEMPLATE__}}/images/10.jpg" class="img-responsive" alt=""></a>-->
						<!--</div>-->
						<!--<div class="posta-right">-->
							<!--<h4><a href="content.html">Os 30 animais mais bonitos do mundo</a></h4>-->
							<!--<p>Sempre que poso, eu ajudo vocês com alguns jogos. Dessa vez, eu fiz uma análise de FC3.</p>-->
							<!--<p class="itac">Paulo Ricardo  |  1 dias atrás</p>-->
						<!--</div>-->
						<!--<div class="clearfix"> </div>-->
						<!--<a class="Anibtn" href="content.html">Animais</a>-->
					<!--</div>-->
					<!--<div class="posta-1">-->
						<!--<div class="posta-left">-->
							<!--<a href="content.html"><img src="{{__TEMPLATE__}}/images/11.jpg" class="img-responsive" alt=""></a>-->
						<!--</div>-->
						<!--<div class="posta-right">-->
							<!--<h4><a href="content.html">GamePlay - Como passar as missões do GTA 5 </a></h4>-->
							<!--<p>Sempre que poso, eu ajudo vocês com alguns jogos. Dessa vez, eu fiz uma análise de FC3.</p>-->
							<!--<p class="itac">Paulo Ricardo  |  1 dias atrás</p>-->
						<!--</div>-->
						<!--<div class="clearfix"> </div>-->
						<!--<a class="gambtn" href="content.html">Games</a>-->
					<!--</div>-->
				</div>
			</div>
			<div class="col-md-3 redes">
				<h3>热门 <strong>社交</strong><label2></label2></h3>
						<div class="redes-1">
							<div class="redes-top">
								<div class="redes-left">
									<h4>wechat</h4>
								</div>
								<div class="redes-right">
									<div class="fb-like" data-href="https://developers.facebook.com/w3layouts" data-layout="button" data-action="like" data-show-faces="true" data-share="false"></div>
									<div id="fb-root"></div>
										<script>(function(d, s, id) {
										  var js, fjs = d.getElementsByTagName(s)[0];
										  if (d.getElementById(id)) return;
										  js = d.createElement(s); js.id = id;
										  js.src = "//connect.facebook.net/en_US/sdk.js#xfbml=1&version=v2.3";
										  fjs.parentNode.insertBefore(js, fjs);
										}(document, 'script', 'facebook-jssdk'));</script>
								</div>
								<div class="clearfix"> </div>
							</div>
							<div class="redes-bottom">
								<h6>2.959.571</h6>
							</div>
							<div class="redes-bottom1">
							</div>
						</div>
						<div class="redes-1">
							<div class="redes-top2">
								<div class="redes-left">
									<h4>qq</h4>
								</div>
								<div class="redes-right">
									<a class="twitter-share-button" href="https://twitter.com/w3layouts"
										  data-related="twitterdev"
										  data-size="small"
										  data-count="none">
                                                  登陆
										</a>
										<script>
										window.twttr=(function(d,s,id){var js,fjs=d.getElementsByTagName(s)[0],t=window.twttr||{};if(d.getElementById(id))return;js=d.createElement(s);js.id=id;js.src="https://platform.twitter.com/widgets.js";fjs.parentNode.insertBefore(js,fjs);t._e=[];t.ready=function(f){t._e.push(f);};return t;}(document,"script","twitter-wjs"));
										</script>
								</div>
								<div class="clearfix"> </div>
							</div>
							<div class="redes-bottom">
								<h6>1.258.456</h6>
							</div>
							<div class="redes-bottom2">
							</div>
						</div>
						<div class="ultimas">
							<h3>技术 <strong>分享</strong><label4></label4></h3>
							<arclist cid="20">
								<div class="ultimas-top">
									<span>{{$key+1}}</span><a href="{{$field['url']}}"><h5>{{$field['arc_title']}}</h5> </a>
									<div class="clearfix"> </div>
								</div>
							</arclist>
							<!--<div class="ultimas-top">-->
								<!--<span>01</span><h5>Novo satélite da Nasa irá contr ibuir para previsão do tempo</h5>-->
								<!--<div class="clearfix"> </div>-->
							<!--</div>-->
							<!--<div class="ultimas-top">-->
								<!--<span>02</span><h5>Mais de um bilhão Android foram vendidos em 2014</h5>-->
								<!--<div class="clearfix"> </div>-->
							<!--</div>-->
							<!--<div class="ultimas-top">-->
								<!--<span>03</span><h5>Lista revela todos os filmes que o cinema em 2015</h5>-->
								<!--<div class="clearfix"> </div>-->
							<!--</div>-->
							<!--<div class="ultimas-top">-->
								<!--<span>04</span><h5>Mercado de design cresce 80% e se mais de 40 mil vagas</h5>-->
								<!--<div class="clearfix"> </div>-->
							<!--</div>-->
						</div>
			</div>
				<div class="clearfix"> </div>
		</div>
	</div>
<!-- indica -->	
<!-- last -->	
	<!--<div class="last">-->
		<!--<div class="container">-->
			<!--<h3>Last <strong>reviews</strong><label4></label4></h3>-->
				<!--<div class="review">-->
					<!--<div class="col-md-6 review-left">-->
						<!--<h6>SMARTPHONES</h6>-->
						<!--<h2>Review LG Nexus 5</h2>-->
						<!--<a class="cap" href="#"><i class="eye"> </i><span class="icon_text">1.389.571 views</span></a>-->
						<!--<a class="cap" href="#"><i class="inter"> </i><span class="icon_text">255 comentários</span></a>-->
					<!--</div>-->
					<!--<div class="col-md-6 review-right">-->
						<!--<div class="skill-grid">-->
							<!--<div class="every" id="circles-1"></div>									-->
						<!--</div>	-->
<!--&lt;!&ndash;&ndash;&gt;-->
				 <!--<script type="text/javascript" src="js/circles.js"></script>-->
					         <!--<script>-->
								<!--var colors = [-->
										<!--['#5e5e5f', '#cccccc'], ['#5e5e5f', '#cccccc'], ['#5e5e5f', '#cccccc']-->
									<!--];-->
								<!--for (var i = 1; i <= 75; i++) {-->
									<!--var child = document.getElementById('circles-' + i),-->
										<!--percentage = 75 + (i * 10);-->
										<!---->
									<!--Circles.create({-->
										<!--id:         child.id,-->
										<!--percentage: percentage,-->
										<!--radius:     65,-->
										<!--width:      5,-->
										<!--number:   	percentage / 10,-->
										<!--text:       '%',-->
										<!--colors:     colors[i - 1]-->
									<!--});-->
								<!--}-->
						<!---->
				<!--</script>-->
				<!--&lt;!&ndash;/&ndash;&gt;-->
					<!--<div class="green-about">-->
							<!--<div class="about-green">-->
								<!--<h6>Games</h6>							-->
								<!--<div class="content-green">-->
									<!--<div style="width:60%;">-->
									<!--</div>-->
								 <!--</div>-->
							<!--</div>	-->
							<!--<div class="about-green">-->
								<!--<h6>Screen</h6>							-->
								<!--<div class="content-green">-->
									<!--<div style="width:80%;">-->
									<!--</div>-->
								 <!--</div>-->
							<!--</div>	-->
							<!--<div class="about-green">-->
								<!--<h6>Memory</h6>							-->
								<!--<div class="content-green">-->
									<!--<div style="width:70%;">-->
									<!--</div>-->
								 <!--</div>-->
							<!--</div>	-->
						<!--</div>	-->
						<!--<div class="clearfix"> </div>-->
					<!--</div>-->
					<!--<div class="clearfix"> </div>-->
				<!--</div>-->
				<!--<div class="review-top">-->
					<!--<div class="col-md-6 rev-left">-->
						<!--<h6>SMARTPHONES</h6>-->
						<!--<h4>Review Asus ZenFone 5</h4>-->
						<!--<a class="cap" href="#"><i class="eye"> </i><span class="icon_text">1.389.571 views</span></a>-->
						<!--<a class="cap" href="#"><i class="inter"> </i><span class="icon_text">255 comentários</span></a>-->
					<!--</div>-->
					<!--<div class="col-md-6 rev-right">-->
						<!--<h6>SMARTPHONES</h6>-->
						<!--<h4>Review iPhone 6</h4>-->
						<!--<a class="cap" href="#"><i class="eye"> </i><span class="icon_text">1.389.571 views</span></a>-->
						<!--<a class="cap" href="#"><i class="inter"> </i><span class="icon_text">255 comentários</span></a>-->
					<!--</div>-->
					<!--<div class="clearfix"> </div>-->
				<!--</div>-->
		<!--</div>-->
	<!--</div>-->
<!-- last -->	
<!-- vlog -->
<div class="vlog">
	<div class="container">
		<div class="col-md-3 vl-1">
			<img src="{{__TEMPLATE__}}/images/17.jpg" class="img-responsive" alt="">
		</div>
		<div class="col-md-7 vl-2">
		<div class="wmuSlider example1 section" id="section-1">
			   <article style="position: absolute; width: 100%; opacity: 0;"> 
				   <div class="bottom-slide">
							<iframe width="100%" height="280" src="https://www.youtube.com/embed/OBa4RKahYTE" frameborder="0" allowfullscreen></iframe>
					</div>
				</article>
				 <article style="position: absolute; width: 100%; opacity: 0;"> 
					<div class="bottom-slide">
							<iframe width="100%" height="280" src="https://www.youtube.com/embed/canlME7YMf0" frameborder="0" allowfullscreen></iframe>
					</div>
				</article>
				 <article style="position: absolute; width: 100%; opacity: 0;"> 
					<div class="bottom-slide">
							<iframe width="100%" height="280" src="https://www.youtube.com/embed/OBa4RKahYTE" frameborder="0" allowfullscreen></iframe>
					</div>
				</article>
				
		  </div>		
		
		<!-- script -->
          <script src="{{__TEMPLATE__}}/js/jquery.wmuSlider.js"></script>
			<script>
       			$('.example1').wmuSlider();         
   		    </script>
			<!-- script -->		

		</div>
		<div class="col-md-2 vlog-left">
			<div class="vlog-lft-top">
				<img src="{{__TEMPLATE__}}/images/man.jpg" class="img-responsive" alt="">
			</div>
			<div class="vlog-lft-bottom">
				<h4>Paulo Seemann</h4>
				<p>Bem-vindo ao meu blog pessoal!</p>
				<a class="perbtn" href="#">Perfil Completo ></a>
				<div class="socia">
				    <ul>
						<li><a href="#"><i class="facebk"> </i></a></li>
						<li><a href="#"><i class="twiter"> </i></a></li>
						<li><a href="#"><i class="youtub"> </i></a></li>
						<li><a href="#"><i class="pp"> </i></a></li>
								<div class="clearfix"></div>	
					</ul>
				</div>
			</div>
		</div>
		<div class="clearfix"> </div>
		<h3>Vlog: Show do Iron Maiden!</h3>
		<h6>Novos vídeos toda semana. Se inscreva agora!</h6>
	</div>
</div>

</block>
